<template>
	<view class="judgeCon">
			<view class="judgeList" v-for="item in evaluateList">
				<view class="judgePic">
					<image :src="item.user_avatar" mode="" style="width: 60rpx;height: 60rpx;"></image>
				</view>
				<view class="judgeMain">
					<view class="jm-top">
						<view>{{item.user_text}}</view>
						<view><text>综合评分</text>
							<template>
								<image class="star" src="../../../static/star.png" v-for="it in (item.evaluate_type == 0?5:item.evaluate_type == 1?3:1)"></image>
							</template>
						</view>
					</view>
					<view class="jm-middle">
						<view class="jm-advice">{{item.evaluate}}</view>
						<view class="jm-date">{{item.createtime}}</view>
					</view>
				</view>
			</view>
		</view>
</template>

<script>
	export default {
		data() {
			return {
				evaluateList:[],
			}
		},
		onShow() {
			this.getAdviceList();  //获取评价列表 
		},
		methods: {
			getAdviceList() {
				this.$get('index/evaluate', {
					page:1,
					pagesize:3,
				}, (res) => {
					this.evaluateList = res.list
				})
			},
		}
	}
</script>

<style>
	.judgeCon {
		width: 700rpx;
		margin: 20rpx auto 0;
		/* height: 428rpx; */
		border: 1rpx solid #f2f2f2;
		box-shadow: 1px 1px 9px 3px #efeff0;
		padding: 0 47rpx;
		border-radius: 20rpx;
		background: #fff;
		
	}
	.judgeCon .judgeList {
		width: 100%;
		height: 180rpx;
		border-bottom: 2rpx solid #efefef;
		display: flex;
		justify-content: flex-start;
		align-items: flex-start;
		margin-top: 55rpx;
		margin-bottom: 55rpx;
		/* background: #fff; */
	}
	.judgeCon .judgeList:last-child {
		border-bottom: none;
		margin-bottom: 0;
	}
	.judgeMain {
		margin-left: 18rpx;
		flex: 1;
	}
	.jm-top {
		display: flex;
		justify-content: space-between;
		align-items: center;
	}
	.jm-top text {
		margin-right: 14rpx;
	}
	.star {
		width: 21rpx;height: 19rpx;margin: 0 4rpx;
	}
	.jm-middle text {
		color: #jm-middle;
		font-size: 24rpx;
	}
	.jm-advice {
		color: #6e6e6e;
		font-size: 24rpx;
		margin: 22rpx 0;
	}
	.jm-date {
		color: #acacac;
		font-size: 20rpx;
	}
</style>
